<template>
	<view>
		<!-- <view class="btn">
			<slot></slot>
		</view> -->
		<button type="default" class="btn" :disabled="btnDisabled" @click="btnClick">
			<slot></slot>
		</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		props: {
			btnDisabled: {
				type: Boolean,
				default: false
			}
		},
		onLoad() {
			
		},
		methods: {
			btnClick() {
				this.$emit('btnClick', true)
			}
		}
	}
</script>

<style lang="scss">
	.btn {
		height: 108rpx;
		background-color: #0d2647;
		color: #fff;
		text-align: center;
		line-height: 108rpx;
		font-size: 36rpx;
		border-radius: 0;
		text-align: center;
		&:focus {
			opacity: .9;
		}
		&::after {
			border: none;
		}
	}
</style>
